<!doctype html>
<html lang="zh-CN">

<head>
    <title>首页</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/hea.css">
    <link rel="stylesheet" href="./css/com-hea.css">
    <link rel="stylesheet" href="./css/com-bottom.css">
    <style>
        .swiper-pagination-bullet-active {
            background: white;
        }
        
        .swiper-button-prev {
            left: 40px;
        }
        
        .swiper-button-next {
            right: 40px;
        }
        
        .swi-3-wrap .swiper-button-prev {
            left: 200px;
        }
        
        .swi-3-wrap .swiper-button-next {
            right: 200px;
        }
    </style>
</head>

<body>

    <!-- 公共头部 -->
    <div style="box-shadow: 0 0 15px #eee;">
        <div class='com-hea-wrap'>
            <div class='dis-spa'>
                <img src="./img/logo.png" style="height:55px;width: 228px;">
                <div class='dis-spa hea-contro'>
                    <span class='hea-active'>
                        <a href="">首页</a>
                    </span>
                    <span>
                       <a href="over-meth.html">行业方案</a>
                    </span>
                    <span>
                        <a href="cooperation.html">合作案例</a>
                    </span>
                    <span>
                        <a href="news.html">新闻中心</a>
                    </span>
                    <span>
                        <a href="intro-we.html">关于我们</a>
                    </span>
                    <span>
                        <a href="find-we.html">联系我们</a>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <!-- 公共头部 -->

    <!-- 滚动公共头部 -->
    <div id='scr-hea'>
        <div class='com-hea-wrap'>
            <div class='dis-spa'>
                <img src="./img/logo.png" height="55px" style="height:55px;width: 228px;">
                <div class='dis-spa hea-contro'>
                    <span class='hea-active'>
                        <a href="">首页</a>
                    </span>
                    <span>
                       <a href="over-meth.html">行业方案</a>
                    </span>
                    <span>
                        <a href="cooperation.html">合作案例</a>
                    </span>
                    <span>
                        <a href="news.html">新闻中心</a>
                    </span>
                    <span>
                        <a href="intro-we.html">关于我们</a>
                    </span>
                    <span>
                        <a href="find-we.html">联系我们</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 滚动公共头部 -->


    <div style="min-width:1500px;">
        <div class="swiper-container swi-1" style="width:100%;">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src='./img/2.png' width="100%">
                </div>
                <div class="swiper-slide">
                    <img src='./img/2.png' width="100%">
                </div>
            </div>
            <div class="swiper-pagination swi-pag-1"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
            <div class="swiper-button-next swiper-button-white"></div>
        </div>
    </div>

    <div class='margin-center dis-spa sma-intro'>
        <div>
            <img src="./img/sma-1.png" style="width:100px;height:100px;">
            <h3>积分系统</h3>
            <p data-scroll-reveal="enter left, move 50px, over 1s">基于区块链的积分体系，提高企业用户忠诚度，提升营销价值，构建更具备流通性、更安全的积分和优惠券系统。</p>
        </div>
        <div>
            <img src="./img/sma-2.png" style="width:100px;height:100px;">
            <h3>防伪溯源</h3>
            <p data-scroll-reveal="enter right, move 50px, over 1s">区块链技术结合防伪标签和物联网设备，能够防止人为因素造成的数据源造假，确保产品信息真实唯一，可溯源，防篡改。</p>
        </div>
        <div>
            <img src="./img/sma-3.png" style="width:100px;height:100px;">
            <h3>信息安全</h3>
            <p data-scroll-reveal="enter left, move 50px, over 1s">提供弹性，易用，安全，智能的企业信息安全防御体系，从网络层，系统层，应用层，数据层和业务层进行全方位保障。</p>
        </div>
        <div>
            <img src="./img/sma-4.png" style="width:100px;height:100px;">
            <h3>正品控制</h3>
            <p data-scroll-reveal="enter right, move 50px, over 1s">基于区块链、物联网、智能防伪等技术，将防伪溯源技术应用于各行各业，从源头解决消费者信任问题。</p>
        </div>
    </div>

    <div class='industry-wrap'>
        <div class='margin-center dis-spa'>
            <div class='industry-info'>
                <img src="./img/jiu.png" width="100%">
                <div class='ab-font-wrap'>
                    <div>
                        <span></span>
                        <p>酒类行业解决方案</p>
                    </div>
                    <div>
                        <p>
                            智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。
                        </p>
                    </div>
                    <div>
                        <p class='hover'>查看详情</p>
                    </div>
                </div>
            </div>
            <div class='industry-info'>
                <img src="./img/zhuan.png" width="100%">
                <div class='ab-font-wrap'>
                    <div>
                        <span></span>
                        <p>珠宝行业解决方案</p>
                    </div>
                    <div>
                        <p>
                            智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。
                        </p>
                    </div>
                    <div>
                        <p class='hover'>查看详情</p>
                    </div>
                </div>
            </div>
            <div class='industry-info'>
                <img src="./img/kuaixiao.png" width="100%">
                <div class='ab-font-wrap'>
                    <div>
                        <span></span>
                        <p>快消品行业解决方案</p>
                    </div>
                    <div>
                        <p>
                            智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。
                        </p>
                    </div>
                    <div>
                        <p class='hover'>查看详情</p>
                    </div>
                </div>
            </div>
            <div class='industry-info'>
                <img src="./img/maizi.png" width="100%">
                <div class='ab-font-wrap'>
                    <div>
                        <span></span>
                        <p>食品行业解决方案</p>
                    </div>
                    <div>
                        <p>
                            智鼎溯源为烟、酒类行业推出的解决方案，通过采用多级赋码技术，并在流通环节通过移动信息采集技术，实现产品在整个物流链的任何环节的信息的精确采集，实现产品的跟踪，依据信息，企业可实现防伪溯源、防窜、精确营销等功能。
                        </p>
                    </div>
                    <div>
                        <p class='hover'>查看详情</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class='compony-wrap'>
        <div class='margin-center'>
            <h2 data-scroll-reveal="enter top, move 50px, over 1s">携手共赢，与各大品牌、合作伙伴共建区块链信息溯源系统</h2>
            <p data-scroll-reveal="enter bottom, move 50px, over 1s">加入区块链信息溯源系统合作伙伴计划，获取技术、资源，实现精准、跨界营销，企业快速成长</p>
            <div class="swiper-container swi-4" style="width:100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class='dis-spa com-logo'>
                            <div img='./img/zhong.png' active='./img/zhong-active.png'>
                                <img src="./img/zhong.png">
                                <img src="./img/zhong-active.png" style="display: none;">
                            </div>
                            <div>
                                <img src="./img/liu.png">
                                <img src="./img/liu-active.png" style="display: none;">
                            </div>
                            <div>
                                <img src="./img/lian.png">
                                <img src="./img/lian-active.png" style="display: none;">
                            </div>
                            <div>
                                <img src="./img/pu.png">
                                <img src="./img/pu-active.png" style="display: none;">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class='dis-spa com-logo'>
                            <div img='./img/zhong.png' active='./img/zhong-active.png'>
                                <img src="./img/zhong.png">
                                <img src="./img/zhong-active.png" style="display: none;">
                            </div>
                            <div>
                                <img src="./img/liu.png">
                                <img src="./img/liu-active.png" style="display: none;">
                            </div>
                            <div>
                                <img src="./img/lian.png">
                                <img src="./img/lian-active.png" style="display: none;">
                            </div>
                            <div>
                                <img src="./img/pu.png">
                                <img src="./img/pu-active.png" style="display: none;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class='dis-spa com-logo'>
                <div img='./img/zhong.png' active='./img/zhong-active.png'>
                    <img src="./img/zhong.png">
                    <img src="./img/zhong-active.png" style="display: none;">
                </div>
                <div>
                    <img src="./img/liu.png">
                    <img src="./img/liu-active.png" style="display: none;">
                </div>
                <div>
                    <img src="./img/lian.png">
                    <img src="./img/lian-active.png" style="display: none;">
                </div>
                <div>
                    <img src="./img/pu.png">
                    <img src="./img/pu-active.png" style="display: none;">
                </div>
            </div> -->
        </div>
    </div>

    <div class='margin-center news-wrap'>
        <h1>新闻中心</h1>
        <div class='dis-spa'>
            <div>
                <div class="swiper-container swi-2" style="height:100%;">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide swi-font-wrap">
                            <img src='./img/shuiguo.jpg' height="500px">
                            <div class='swi-font'>
                                <p>恭喜原级李子加入我们平台，携手共进，共创辉煌</p>
                            </div>
                        </div>
                        <div class="swiper-slide swi-font-wrap">
                            <img src='./img/shuiguo.jpg' height="500px">
                            <div class='swi-font'>
                                <p>恭喜原级李子加入我们平台，携手共进，共创辉煌</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination swi-pag-2"></div>
                </div>
            </div>
            <div class='news-info'>
                <h1>平台资讯</h1>
                <h2>2018-12-13</h2>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <div>
                    <a href="">更新消息</a>
                </div>
            </div>
            <div class='news-info'>
                <h1>平台资讯</h1>
                <h2>2018-12-13</h2>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <p>
                    <a href="">智鼎溯源入选《2018区块链应用示范项目集》</a>
                </p>
                <div>
                    <a href="">更新消息</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 公共底部 -->
    <div style="min-width:1500px;position: relative;">
        <img src="./img/bottom-bg.png" width="100%" height="350px">
        <div class='swi-3-wrap'>
            <div class="swiper-container swi-3" style="width:100%;height: 100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class='swi-3-info'>
                            <div>
                                <h1>关于我们</h1>
                                <p>区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性。</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class='swi-3-info'>
                            <div>
                                <h1>关于我们</h1>
                                <p>区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-prev swiper-button-white"></div>
                <div class="swiper-button-next swiper-button-white"></div>
            </div>
        </div>
    </div>

    <div class='com-bottom'>
        <div class='dis-spa com-bot-top'>
            <div class='com-bottom-left'>
                <p>
                    <img src="./img/logo-2 .png" height="40px" style="width:124px;height:40px;">
                </p>
                <div id='bottom-a'>
                    <a class='bom-a-active' href="index.html">首页</a>
                    <a href="over-meth.html">行业方案</a>
                    <a href="cooperation.html">合作案例</a>
                    <a href="news.html">新闻中心</a>
                    <a href="intro-we.html">关于我们</a>
                    <a href="find-we.html">联系我们</a>
                </div>
            </div>
            <div class='com-bottom-right'>
                <p>总部：重庆市渝中区经纬大道789号美源.美源大厦12层</p>
                <p>联系电话：023-63410620</p>
                <p>邮箱：service@xi-tech.com.cn</p>
                <p>微信：17353262583 17365294814</p>
            </div>
        </div>
        <div class='dis-spa com-bot-bottom'>
            <p>©20178中国区块链溯源信息系统-智鼎溯源 备案号：1321544421215321231</p>
            <p>
                <img src="./img/logo-2-black.png" height="18px">
            </p>
        </div>
    </div>
    <!-- 公共底部 -->



    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./js/com.js"></script>
    <script>
        new Swiper('.swi-1', {
            // autoplay: true, //可选选项，自动滑动
            loop: true,
            pagination: {
                el: '.swi-pag-1',
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        new Swiper('.swi-2', {
            autoplay: true, //可选选项，自动滑动
            loop: true,
            pagination: {
                el: '.swi-pag-2',
            },

        });
        new Swiper('.swi-3', {
            // autoplay: true, //可选选项，自动滑动
            loop: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        var swiper4 = new Swiper('.swi-4', {
            autoplay: {　　　　
                delay: 1000,
            },
            loop: true,
        });
        $(".swi-4").mouseenter(function() {
            swiper4.autoplay.stop();
        }).mouseleave(function() {
            swiper4.autoplay.start();
        });
        $('.hea-contro').hover(function(ev) {
            var el = $(ev.target);
            if (el.index() != 0) {
                $('.hea-active').removeClass('hea-active');
            }
        }, function(el) {
            $($('.hea-contro').eq(0).children()[0]).addClass('hea-active');
            $($('.hea-contro').eq(1).children()[0]).addClass('hea-active');
        });

        $('.com-logo div').hover(function(ev) {
            var el = $(this).find('img');
            $(el[0]).hide();
            $(el[1]).show();
        }, function(ev) {
            var el = $(this).find('img');
            $(el[1]).hide();
            $(el[0]).show();
        });
        $('#bottom-a a').hover(function(ev) {
            var el = $(ev.target);
            if (el.index() != 0) {
                $('.bom-a-active').removeClass('bom-a-active');
            }
        }, function() {
            $('#bottom-a a').eq(0).addClass('bom-a-active');
        });
    </script>
</body>

</html>